<template>
	<div class="success">
		<svg t="1660482724776" class="icon iconsuccess" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2383" width="128" height="128"><path d="M512 981.333333C252.8 981.333333 42.666667 771.2 42.666667 512S252.8 42.666667 512 42.666667s469.333333 210.133333 469.333333 469.333333-210.133333 469.333333-469.333333 469.333333z m-50.432-326.101333L310.613333 504.32a32 32 0 0 0-45.226666 45.226667l174.72 174.762666a32.341333 32.341333 0 0 0 0.341333 0.341334l0.256 0.213333a32 32 0 0 0 50.048-6.144l337.450667-379.605333a32 32 0 1 0-47.872-42.496l-318.762667 358.613333z" fill="#52C41A" p-id="2384"></path></svg>
		<div class="success-title">申请成功</div>
		<div class="success-bieft">您好！您的申请已经提交，请于7个工作日以后，进入微信首页 <span>施工中心查询 /申请进度查询</span>  菜单 输入车牌号码，查询您的质保申请情况。</div>
		<div class="success-bieft swq">
			如有疑问，请联系您的施工中心工作人员！
		</div>
		
		<div class="shop-button" @click="queClick()">返回</div>
	</div>
</template>

<script>
	export default {
	    data() {
			return {
				
			}
	    },
		methods:{
			queClick(){
				this.$router.push('/guarantee');
			}
		}
	}
	
</script>
<style lang="less">
	.success {
		background-color: #fbf9fe;
		width: 100%;
		height: 100%;
		.iconsuccess {
			display: block;
			margin: auto;
			width: 100px;
			height: 100px;
			padding-top: 40px;
		}
		.success-title {
			text-align: center;
			padding-top: 20px;
			font-size: 24px;
		}
		.success-bieft {
			width: 90%;
			margin: auto;
			margin-top: 10px;
			text-align: justify;
			font-size: 14px;
			color:#888;
			span {
				color: red;
				padding-left: 2px;
				padding-right: 2px;
			}
		}
		.swq {
			text-align: center;
		}
	}
</style>